vue

2023-10-07 16:49| 来源: 网络整理| 查看: 265

最近升级了vue-cli，从2.x版本跳到了4.x的@vue/cli：

# 先卸载旧版 npm uninstall -g vue-cli # 安装新版 npm install -g @vue/cli

文档中有这么一段：

在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。

使用./node_modules/.bin/vue-cli-service 是没有问题的，然而使用vue-cli-service却总是提示：

vue-cli-service: command not found

看到了很多人说可以删了node—modules重新安装npm install，我试过了却没效果。

再回到问题，之所以会报找不到的错误，是因为vue-cli-service 并没有加入到环境变量里。

那就在命令行里手动加上吧～

# 添加vue-cli-service的环境变量 PATH=$PATH:./node_modules/.bin #查看添加后的环境变量 echo $PATH

之后再使用vue-cli-service命令就可以啦～

但是这样仅在本次terminal有效，每次都添加一次也太麻烦了，我们需要永久添加：

# 编辑根目录下的.bash_profile文件 vim ~/.bash_profile # 在文件最后添加 export PATH=${PATH}:./node_modules/.bin # 添加文件后,再执行source立即生效，就可以永久保存啦 source ~/.bash_profile

参考：https://stackoverflow.com/questions/51172064/command-not-found-with-vue-cli

【本文地址】

今日新闻